<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .zuo{
            width: 20%;
        }
        .you{
            width: 80%;
        }
    </style>
</head>
<body>
<form action="#" method="post">
<table style="border-collapse: collapse;width: 380px;text-align: center"  border="1">
    <tr>
        <td  class="zuo">
            <label>用户名</label>
        </td>
        <td class="you">
            <input type="text" name="username">
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label>密码</label>
        </td>
        <td class="you">
            <input type="password" name="password">
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label>性别</label>
        </td>
        <td class="you">
            <input type="radio" name="gender" value="1" id="male"><label for="male">男</label>
            <input type="radio" name="gender" value="1" id="female"><label for="female">女</label>
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label>性别</label>
        </td>
        <td class="you">
            <input type="checkbox" name="hobbies" value="1" id="cy"><label for="cy">抽烟</label>
            <input type="checkbox" name="hobbies" value="2" id="hj"><label for="hj">喝酒</label>
            <input type="checkbox" name="hobbies" value="3" id="tt"><label for="tt">烫头</label>
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label>头像</label>
        </td>
        <td class="you">
            <input type="file" id="avatar" name="avatar">
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label>家乡</label>
        </td>
        <td class="you">
            <select id="home" name="home">
                <option>---请选择---</option>
                <option>---北京---</option>
                <option>---上海---</option>
                <option>---郑州---</option>
            </select>
        </td>
    </tr>
    <tr>
        <td  class="zuo">
            <label for="desc">自我介绍</label>
        </td>
        <td class="you">
            <textarea id="desc" name="desc" cols="40" rows="5"></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <input type="submit" value="点我提交">
        </td>
    </tr>
</table>
</form>
</body>
</html>